@charset "utf-8";


/******信息配置******/
$tableWidth: 178px 89px 186px 106px 106px 85px;
$tableWidthCount: length($tableWidth);


/******重用代码******/
@mixin text-overflow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


/******页面布局******/

.shop_mgmt {
    padding: 40px 15px 56px 24px;
    color: #444f58;
    
    .caption {
        font-size: 20px;
        font-weight: normal;
        line-height: 1em;
        margin: 5px 5px 20px 5px;
    }
    
    .shop_info {
        width: 370px;
        margin-top: 7px;
        
        .head_box {
            float: left;
            width: 100px;
            height: 100px;
            border-radius: 5px;
            margin-left: 5px;
            overflow: hidden;
            
            img {
                width: 100%;
            }
        }
        
        .shop_name {
            float: right;
            width: 245px;
            
            * {
                display: block;
                width: 100%;
                line-height: 1em;
            }
            
            span {
                font-size: 18px;
                margin-bottom: 8px;
                @include text-overflow;
            }
            
            small {
                color: #878787;
                font-size: 13px;
                @include text-overflow;
                
                em {
                    display: inline;
                }
            }
        }
        
        .goods_data{
            float: right;
            width: 245px;
            margin: 25px 0 27px 0;
            
            ul {
                li {
                    float: left;
                    text-align: center;
                    padding: 0 12px;
                    
                    ~li {
                        border-left: 1px solid #e1e1e1;
                    }
                    
                    &:first-child {
                        padding-left: 0;
                    }
                    
                    &:last-child {
                        padding-right: 0;
                    }
                    
                    * {
                        display: block;
                        line-height: 1em;
                        max-width: 5em;
                        @include text-overflow;
                    }
                    
                    span {
                        font-size: 13px;
                        margin-bottom: 10px;
                    }
                    
                    em {
                        font-size: 13px;
                    }
                }
            }
        }
    }
    
    .financial_info {
        margin-top: 7px;
        position: relative;
        
        i {
            display: inline-block;
            height: 25px;
            line-height: 25px;
            vertical-align: middle;
        }
        
        span {
            @extend i;
            font-size: 13px;
            color: #878787;
        }
        
        em {
            @extend i;
            font-size: 20px;
        }
        
        .icon-rmb {
            margin-right: -5px;
        }
        
        .dialog {
            position: absolute;
            top: 37px;
            right: 0;
            
            span {
                display: inline-block;
                vertical-align: middle;
                height: 34px;
                line-height: 34px;
                font-size: 13px;
                margin-right: 10px;
            }
        }
    }
    
    .chapter {
        width: 100%;
        border-top: 1px solid #e1e1e1;
        line-height: 1em;
        padding: 20px 5px;
        font-size: 18px;
    }
    
    .table {
        table {
            thead {
                tr {
                    @for $i from 0 to $tableWidthCount {
                        th:nth-child(#{$i+1}) {
                            width: nth($tableWidth, $i+1);
                        }
                    }
                }
            }
        }
    }
}